// JavaScript Document

			var x=$(document);
			x.ready(inicio);
			
			function inicio()
			{
					
			$( "#accordion" ).accordion();
			$( ".button" ).button();
			$( "#radioset" ).buttonset();

				
			var elementoForm = $(".mover");
			elementoForm.draggable();

				
			var elementoTexto = $(".texto");
			elementoTexto.draggable();
			elementoTexto.dblclick(function() 
			{
				var variable = prompt("Introduce tu nombre");
				$(this).text(variable);
			});
			
			var elementoImg = $(".img");
			elementoImg.draggable();
			
			}
												

	
//GUARDA EL FORMATO HTML Y ENVIA EL FORMULARIO 				
function ExportarHTML2()
{
	var x = $("#txtOculto_HTML");
	var contenido = $("#contentUsuario");
	x.val("<!DOCTYPE html> <html lang='es'> <head> <title>Page</title> <style> #Header{ border:solid; border-color:#999; width:99%; height:100px; -webkit-border-radius: 30px; border-radius: 30px; } #Contenido{ border-color:#999;	width: 100%;	height: 600px;	-webkit-border-radius: 30px;	border-radius: 30px;		}#Derecha{	border:solid;	border-color:#999;	width:20%;	height:593px;-webkit-border-radius: 30px;border-radius: 30px;float: Right;		}#Izquierda{	border:solid; border-color:#999;	width:79%;	height:593px;-webkit-border-radius: 30px; border-radius: 30px;float:left; } </style> </head> <body>"+contenido.html()+"</body> </html>");
	var variables = $.get("site")+ "%" +$.get("page");
	$("#txtOculto_IDSITIO").val(variables);
	$("#form").submit();
}

function ExportarHTML()
{
	var x = $("#txtOculto_HTML");
	var contenido = $("#contentUsuario");
	x.val("<!DOCTYPE html> <html lang='es'> <head> <title>Page</title> <style> #Header{ border:solid; border-color:#999; width:99%; height:100px; -webkit-border-radius: 30px; border-radius: 30px; } #Contenido{ border-color:#999;	width: 100%;	height: 600px;	-webkit-border-radius: 30px;	border-radius: 30px;		}#Izquierda{	border:solid;	border-color:#999;	width:20%;	height:593px;-webkit-border-radius: 30px;border-radius: 30px;float: left;		}#Derecha{	border:solid; border-color:#999;	width:79%;	height:593px;-webkit-border-radius: 30px; border-radius: 30px;float:right; } </style> </head> <body>"+contenido.html()+"</body> </html>");
	var variables = $.get("site")+ "%" +$.get("page");
	$("#txtOculto_IDSITIO").val(variables);
	$("#form").submit();
}					

function ExportarHTML3()
{
	var x = $("#txtOculto_HTML");
	var contenido = $("#contentUsuario");
	x.val("<!DOCTYPE html> <html lang='es'> <head> <title>Page</title> <style> #Header{ border:solid; border-color:#999; width:99%; height:100px; -webkit-border-radius: 30px; border-radius: 30px; } #Contenido{ border-color:#999;	width: 100%;	height: 600px;	-webkit-border-radius: 30px;	border-radius: 30px;		}#Derecha{	border:solid;	border-color:#999;	width:20%;	height:593px;-webkit-border-radius: 30px;border-radius: 30px;float: Right;		}#Izquierda{	border:solid; border-color:#999;	width:79%;	height:593px;-webkit-border-radius: 30px; border-radius: 30px;float:left; } </style> </head> <body>"+contenido.html()+"</body> </html>");
	var variables = $.get("site")+ "%" +$.get("page");
	$("#txtOculto_IDSITIO").val(variables);
	$("#form").submit();
}
// ELEMENTOS DE TIPO FORMULARIO
function AgregarText()
{
	
    if ($("#radio1").is(':checked'))
	  { 
	     $("#Header").append("<div class='mover'><input type='text'></div>");
	  }else if($("#radio2").is(':checked'))
	  				{
	                 $("#Izquierda").append("<div class='mover'><input type='text'></div>");
	                }else {  
					 		$("#Derecha").append("<div class='mover'><input type='text'></div>"); 
						   }
	 inicio();
}

function AgregarTextArea(){
	 if ($("#radio1").is(':checked'))
	  { $("#Header").append("<div class='mover'><textarea cols='50' rows='5'>Ingresar un mensaje </textarea></div>");
	   }else if($("#radio2").is(':checked')){
	                          $("#Izquierda").append("<div class='mover'><textarea cols='50' rows='5'>Ingresar un mensaje </textarea></div>");
	                          }else {  $("#Derecha").append("<div class='mover'><textarea cols='50' rows='5'>Ingresar un mensaje </textarea></div>"); }
	
	
	inicio();
	}
	
function AgregarButton(){
	  if ($("#radio1").is(':checked'))
	  { $("#Header").append("<div class='mover' ><button class='btn'>Boton</button></div>");
	   }else if($("#radio2").is(':checked')){
	                          $("#Izquierda").append("<div class='mover' ><button class='btn'>Boton</button></div>");
	                          }else {  $("#Derecha").append("<div class='mover' ><button class='btn'>Boton</button></div>");}
	
	
	inicio();
	}
	
// ELEMENTOS DE TIPO TITULO	
function AgregarParrafo()
{
	if ($("#radio1").is(':checked'))
	  { 
	   $("#Header").append(" <p class='texto'>Este es un parrafo de prueba.</p>");
	  }else if($("#radio2").is(':checked'))
	  			{
	             $("#Izquierda").append("<p class='texto'>Este es un parrafo de prueba.</p>");
	            }else {  
						$("#Derecha").append("<p class='texto'>Este es un parrafo de prueba.</p>"); 
					  }
	inicio();
}




function AgregarTitulo(){
	 if ($("#radio1").is(':checked'))
	  { $("#Header").append("<h1 class='texto'>Haga Doble Click para Editar</h1>");
	   }else if($("#radio2").is(':checked')){
	                          $("#Izquierda").append("<h1 class='texto'>Haga Doble Click para Editar</h1>");
	                          }else {  $("#Derecha").append("<h1 class='texto'>Haga Doble Click para Editar</h1>"); }
	
	
	inicio();
	}
	

function AgregarImagen(){
	 if ($("#radio1").is(':checked'))
	  { $("#Header").append("<div class='img' >Imagen</div>");
	   }else if($("#radio2").is(':checked')){
	                          $("#Izquierda").append("<div class='img' >Imagen</div>");
	                          }else {  $("#Derecha").append("<div class='img' >Imagen</div>"); }
	

	inicio();
	}
	
// FUNCION PARA OBTENER VALORES POR METODO GET		
(function($) {  
    $.get = function(key)   {  
        key = key.replace(/[\[]/, '\\[');  
        key = key.replace(/[\]]/, '\\]');  
        var pattern = "[\\?&]" + key + "=([^&#]*)";  
        var regex = new RegExp(pattern);  
        var url = unescape(window.location.href);  
        var results = regex.exec(url);  
        if (results === null) {  
            return null;  
        } else {  
            return results[1];  
        }  
    }  
})(jQuery);  